<template>
  <RouterView />
</template>
<script setup lang="ts" name="myApp"></script>

<style lang="scss">
@import "./assets/css/reset.css";
@import "./assets/css/main.css";
@import "./assets/css/color-dark.css";

/* 解决表头不对齐问题，样式 */
// body .el-table th.gutter {
//   display: table-cell !important;
// }

// body .el-table colgroup.gutter {
//   display: table-cell !important;
// }

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #fff;
}

::-webkit-scrollbar-thumb {
  border-radius: 5px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.1);
}

/* 修改时间选择器的宽度100% */
.el-date-editor--datetimerange.el-input,
.el-date-editor--datetimerange.el-input__inner {
  width: 100% !important;
  box-sizing: border-box;
}

.el-date-editor.el-input,
.el-date-editor.el-input__wrapper {
  width: 100% !important;
  /* 解决时间选择器默认盒模型问题 */
  box-sizing: border-box;
}

/* 修改对话框头部样式 */
// .el-dialog__header {
//   margin-right: 0 !important;
//   background-color: #3d6cb0;
// }

// .el-dialog__header .el-dialog__title,
// .el-dialog__header .el-dialog__headerbtn .el-dialog__close {
//   color: #fff;
// }

/* 删除样式 start */
.mlr10 {
  margin: 0 10px;
}

.display-inline-block {
  display: inline-block;
}
/* end */

/* 分页组件，都放在右侧start */
.pagination {
  display: flex;
  justify-content: end;
}
/* end */

/* 修改select的宽度 start*/
.el-select {
  width: 100%;
}
/* end */

/* 修改el-col的margin-bottom start */
.el-col {
  margin-bottom: 10px;
}
/* end */

/* 分割线字前的蓝色 start*/
.title-left-color {
  color: #666;
  font-size: 16px;
  font-weight: 550;
}
.title-left-color::before {
  content: "";
  position: absolute;
  width: 4px;
  height: 15px;
  background: #00aeff;
  top: 3px;
  left: 10px;
}
/* end */

/* 解决描述列表不等宽问题 start*/
.el-descriptions__body .el-descriptions__table {
  table-layout: fixed;
}
/* end */

/* 解决el-space居中问题 start*/
.el-space {
  justify-content: center;
}
/* end */

/* 解决列表操作中，按钮居中对齐问题 start*/
.control-flex {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  /* 不需要间隔 */
  .el-button + .el-button {
    margin-left: 0;
  }
}
/* end */
</style>
